import requestAPI from '../../utils/requestApi'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    itemListDetail: {
      id:1003,
      title: '探索古城的魅力',
      subtitle: '湘东',
      // location: '湘东区湘东镇江口村',
      texts: ['湘东区东临萍乡市区和芦溪县，东南靠莲花县，南连湖南省攸县，西接湖南醴陵市，北靠萍乡市上栗县。境内东西宽29千米，南北长43千米，地理坐标为东经111°49′－113°36′，北纬27°31′－27°51′之间。全区面积858.76平方千米。', '湘东土地面积853.4平方千米，按地形分类，低山区面积58.3万亩，占全区总面积的5.16%；丘陵面积64.33万亩，占全区总面积的49.75%；河谷平原面积6.67万亩，占全区总面积的5.16%。全区可利用土地总面积128.81万亩，按利用情况分类：耕地面积19.76万亩，占总面积的15.28%。其中水田面积18万亩，占耕地面积的91.1%，占总面积的13.92%；旱地面积1.75万亩，占耕地面积的8.9%，占总面积的1.36%。园地面积1.11万亩，占总面积的0.89%。林地面积82.13万亩，占总面积的63.53%；牧草地（人工草地）3亩。村庄用地面积12.11万亩，占总面积的9.37%。交通用地面积5.75万亩，占总面积的4.45%。水域面积3.57万亩，占总面积的2.76%。未利用土地43.35万亩，占总面积的3.38%。不可利用土地面积4855亩，占总面积的0.38%。'],
      images: ['https://img520.com/WbEgFy.png', '../../static/itmes/一家人野炊.png'],
      location:'江西省萍乡市湘东区辉煌大厦',
      name:'辉煌大厦',
      latitude :27.632451000000007, // 纬度
      longitude :113.73707999999999, // 经度 // 这里需要根据实际的经纬度和地址来设置
    }

  },
  previewImage: function(e) {
    const currentImageIndex = e.currentTarget.dataset.index;
    const images = this.data.itemListDetail.images;
    wx.previewImage({
      current: images[currentImageIndex], // 当前显示图片的http链接
      urls: images // 需要预览的图片http链接列表
    });
  },
  // 地址跳转
  openLocation() {
    const { latitude, longitude, location, name } = this.data.itemListDetail;
    wx.openLocation({
      latitude:latitude , // 纬度
      longitude: longitude, // 经度
      name:name,
      address: location,
      success() {
        console.log('打开位置成功');
        console.log(latitude,longitude,location,name);
      },
      fail() {
        console.log('打开位置失败');
      }
    });
  },
  // 进入页面发请求
  onLoad(option){
    const id = option
    this.GetThemsDetail(id)
  },

  // 发请求方法GetThemsDetail()
GetThemsDetail(id) {
  const that = this;
  const op = id.id
  const relativeUrl = `/travel/routeDetails/theme/${op}/details`;  // 使用相对路径
  // const url = `?id=${id}`;  // 确保这里的id是正确的
  console.log(op.id);
  console.log(relativeUrl);
  requestAPI.get(relativeUrl ).then(res => {
    console.log(res);
    if (res.code === 200 && res.data) {
      // 处理返回的数据
      const responseData = res.data;
      const itemListDetailData = {
        id: responseData.id,
        title: responseData.title,  // 确保返回的数据中有title字段
        subtitle: responseData.subtitle,  // 确保返回的数据中有subtitle字段
        texts: [responseData.content],  // 将content字段作为texts数组的第一个元素
        images: [responseData.image],  // 将image字段作为images数组的第一个元素
        location: responseData.address,  // 使用返回的数据中的address字段
        name: responseData.name || responseData.address,  // 如果name为空，则使用address
        latitude: responseData.latitude,  // 使用返回的数据中的latitude字段
        longitude: responseData.longitude,  // 使用返回的数据中的longitude字段
      };

      // 更新itemListDetail数据
      that.setData({
        itemListDetail: itemListDetailData,
      });
    }
  }).catch(error => {
    console.error('请求主题详情数据失败:', error);
  });
}
})